<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />-->
		<title>联想手机</title>
		<link rel="icon" type="image/x-icon" href="${basePath}static/HomePageImg/L.jpg" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/cool.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/top.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/model.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/zq.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/rightbar.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/bottom.css" />
	</head>

	<body>
		<!--最上面的黑色框框-->
	<div class="top_box">
		<div class="top_cont ">
			<div style="display: none;" id="userstatus">
				<div class="top_login_r top_red">
					<div class="top_login_title">
						<a href="##" target="_blank">购物车</a>                                                                   
					</div>
				</div>
				<ul class="top_login top_red">
					<li><a href="##" target="_blank">账户信息</a></li>
					<li><a href="exit.jsp" target="_top">退出登录</a></li>
				</ul>
			</div>
			<ul class="top_login top_red">
				<li class="toindex"><a href="##">联想商城首页</a></li>
				<li class="toindex" style="border-right: none; float: right;"><a
					href="##">线下门店</a>
			</ul>
		</div>
	</div>

<!--第二行不是那么黑的框框-->
	<div class="searchSytle " >
		<div id="search" class="pinned">
			<ul>
			<!--链接到人家官网的各种-->
				<li><a href="##">全部商品 </a></li>
				<li><a href="##">联想手机</a></li>
				<li><a href="##">moto手机</a></li>
				<li><a href="##">智能配件</a></li>
				<li><a href="##">Z码通道</a></li>
			<!--搜索框-->
				<li><input type="text" class="serchform"placeholder="请输入搜索内容" /></li>
				<li><a href="##"><img src="static/HomePageImg/bigger.png" /></a></li>
				<li><a href="javascript:;"id="deleteloc"> 
					<img src="static/HomePageImg/loginImg.png" id="loginIco"onclick="ShowLogin()" /></a></li>
				<li><img src="static/HomePageImg/registerGift.png" id="registerGift"width="160px" height="32px" /></li>
			</ul>
		</div>
	</div>

		<!--左上角的联想图标-->
		<div class="logo pinned">
			<a href="https://www.lenovo.com.cn/" target="_blank">
				<img src="static/HomePageImg/Lenovo.jpg" />
			</a>
		</div>

		<!--页面右侧的功能栏-->
		<div class="rightbar" id="rightbar">
			<ul>
				<li class="rightbar_hover">
					<a href="##" class="myicon icon_block myicon_hotline" title="热线联络">热线</a>
					<div class="rightbar_show rightbar_show_hotline">
						<dl class="clearfix">
							<dt class="myicon hover_lenovo"></dt>
							<dd><a href="##">Lenovo服务热线<br>4000-888-222</a></dd>
							<dt class="myicon hover_thinkpad"></dt>
							<dd><a href="##">ThinkPad服务热线<br>400-898-9006</a></dd>
							<dt class="myicon hover_service"></dt>
							<dd><a href="##">服务产品购买热线<br>400-890-1566</a></dd>
							<dt class="myicon hover_TV"></dt>
							<dd><a href="##">智能电视咨询购买热线<br>400-100-5858</a></dd>
						</dl>
						<span class="myicon myicon_small"></span>
					</div>
				</li>
				
				<li class="rightbar_hover">
					<a href="##" class="myicon icon_block myicon_ask" title="客服咨询">客服</a>
					<div class="rightbar_show rightbar_show_ask">
						<dl class="clearfix">
							<dt class="myicon hover_before"></dt>
							<dd><a class="onlinkLink" href="##">售前咨询，获取更多优惠<br>9:00－22:00</a></dd>
							<dt class="myicon hover_after"></dt>
							<dd><a href="##">服务类售后咨询<br>00:00－24:00</a></dd>
						</dl>
						<span class="myicon myicon_small"></span>
					</div>
				</li>
				
				<li class="rightbar_hover">
					<a href="##"  class="myicon icon_block myicon_phone" title="扫描二维码下载手机版App">手机App</a>
					<div class="rightbar_show rightbar_show_ask">
						<dl class="clearfix">
							<img  src="static/HomePageImg/getQRImg.jpg" width="200px" height="200px"/>
						</dl>
						<span class="myicon myicon_small"></span>
					</div>
				</li>
				<li>
					<a href="##" class="myicon icon_block myicon_teasing" title="">编辑</a>
				</li>
			</ul>
			<a href="javascript:;" class="myicon totop" id="totop" title="返回顶部">返回顶部</a>
		</div>

		<!--轮播的大图片块-->
		<div id="navAuto">
			<div class="navAutoImg">
				<a href="registe.html"><img id="img1" src="static/HomePageImg/nav1.jpg" style="display: none;" /></a>
				<a href="##"><img id="img2" src="static/HomePageImg/nav2.jpg" style="display: none;" /></a>
				<a href="##"><img id="img3" src="static/HomePageImg/nav3.jpg" style="display: none;" /></a>
				<a href="##"><img id="img4" src="static/HomePageImg/nav4.jpg" style="display: none;" /></a>
				<a href="##"><img id="img5" src="static/HomePageImg/nav5.jpg" style="display: none;" /></a>
				<a href="##"><img id="img6" src="static/HomePageImg/nav6.jpg" style="display: none;" /></a>
				<a href="##"><img id="img7" src="static/HomePageImg/nav7.jpg" style="display: none;" /></a>
			</div>
			<!--选择广告页面的四个按钮-->
			<div class="navAutoaaa ">
				<a href="javascript:show(1)"><button id="aaa1" class="newaaa"></button></a>
				<a href="javascript:show(2)"><button id="aaa2" class="newaaa"></button></a>
				<a href="javascript:show(3)"><button id="aaa3" class="newaaa"></button></a>
				<a href="javascript:show(4)"><button id="aaa4" class="newaaa"></button></a>
				<a href="javascript:show(5)"><button id="aaa5" class="newaaa"></button></a>
				<a href="javascript:show(6)"><button id="aaa6" class="newaaa"></button></a>
				<a href="javascript:show(7)"><button id="aaa7" class="newaaa"></button></a>
			</div>
		</div>

		<!--具体商品-->
		<div class="lenovo-mod">
			<div class="wrapper">
				<div class="phone-section">
					<ul class="product-list product-list1 clearfix" id="phone-list"> 
						 		
					</ul>
				</div>
			</div>
		</div>
		
		
		
		
		<!--最下面的尾栏-->
		<div class="footer">
			<ul class="foot_top clearfix">
				<li class="fl about_lenovo">
					<a class="foot_top_title" href="" title="关于联想" target="_blank">关于联想</a>
					<a href="##" style="display:none" title="公司介绍" target="_blank" >公司介绍</a>
					<a href="##" title="投资者关系" target="_blank" >投资者关系</a>
					<a href="##" title="工作机会" target="_blank" >工作机会</a>
					<a href="##" title="联系我们" target="_blank" >联系我们</a>
					<a href="##" title="销售网点查询" target="_blank" >销售网点查询</a>
					<a href="##" title="服务网点查询" target="_blank">服务网点查询</a>
				</li>
				<li class="fl shop_lenovo">
					<a class="foot_top_title" href="" title="联想商城" target="_blank">联想商城</a>
					<a href="##" title="0元试用" target="_blank">0元试用</a>
					<a href="##" title="极速到家" target="_blank">极速到家</a>
					<a href="##" title="联想合伙人" target="_blank">联想合伙人</a>
					<a href="##" title="私人定制" target="_blank">私人定制</a>
					<a href="##" title="以旧换新" target="_blank">以旧换新</a>
					<a href="##" title="联想众筹" target="_blank">联想众筹</a>
				</li>
				<li class="fl service_lenovo">
					<a class="foot_top_title" href="" title="联想服务" target="_blank">联想服务</a>
					<a href="##" title="驱动与软件下载" target="_blank" >驱动与软件下载</a>
					<a href="##" title="联想知识库" target="_blank" ">联想知识库</a>
					<a href="##" title="24小时智能客服" target="_blank" >24小时智能客服</a>
					<a href="##" title="保修配置查询" target="_blank" >保修配置查询</a>
					<a href="##" title="服务政策查询" target="_blank" >服务政策查询</a>
					<a href="##" rel="nofollow" title="上门快修" target="_blank" >上门快修</a>
					<a href="##" title="延长保修" target="_blank" >延长保修</a>
					<a href="##" title="联想IT管理服务" target="_blank" >联想IT管理服务</a>
				</li>
				<li class="fl lenovo_website_group">
					<h6>联想网站群</h6>
					<a href="##" title="联想创投" target="_blank" >联想创投</a>
					<a href="##" title="聚享汇" target="_blank" >聚享汇</a>
					<a href="##" title="联想电脑管家" target="_blank" >联想电脑管家</a>
					<a href="##" title="联想超融合" target="_blank" >联想超融合</a>
					<a href="##" title="联想研究院" target="_blank" >联想研究院</a>
					<a href="##" title="智慧医疗" target="_blank" >智慧医疗</a>
					<a href="##" title="联想百应平台" target="_blank" >联想百应平台</a>
					<a href="##" title="联想租赁商城" target="_blank" >联想租赁商城</a>
					<a href="##" title="联想企业网盘" target="_blank">联想企业网盘</a>
					<a href="##" title="ThinkPad官网" target="_blank" >ThinkPad官网</a>
					<a href="##" title="lecoo商城" target="_blank" >lecoo商城</a>
				</li>
				<li class="fl social_platform">
					<h6>联想官方社交平台</h6>
					<ul class="clearfix social_plat">
						<li class="fl ">
							<a href="javascript:;" class="wchat" rel="nofollow" target="_blank" >
								<p class="darkwchat"></p>
								<p class="lightwchat"></p>
							</a>
						</li>
						<li class="fl ">
							<a href="javascript:;" class="qqzone" rel="nofollow" target="_blank">
								<p class="darkqqzone"></p>
								<p class="lightqqzone"></p>
							</a>
						</li>
						<li class="fl ">
							<a href="javascript:;" class="weibo" rel="nofollow" target="_blank" >
								<p class="darkweibo"></p>
								<p class="lightweibo"></p>
							</a>
						</li>
						<li class="fl">
							<a href="javascript:;" rel="nofollow" class="fun_icon" target="_blank" >
								<p class="dark_fun_icon"></p>
								<p class="light_fun_icon"></p>
							</a>
						</li>
					</ul>
					<div class="clearfix">
						<a href="javascript:;" class="weibo_icon fl" rel="nofollow" target="_blank" >
							<p class="dark_weibo_icon fl"></p>
							<p class="light_weibo_icon fl"></p>
						</a>
						<a href="javascript:;" class="tieba fl" rel="nofollow" target="_blank" >
							<p class="dark_tieba fl"></p>
							<p class="light_tieba fl"></p>
						</a>
					</div>
					<div class="select_country">选择国家或地区</div>
					<div class="countries_version">
						<div class="all_countries" id="all_countries" style="display: none;">
							<ul>
								<li><a href="http://www.lenovo.com/eg/en/">Algeria</a></li>
								<li><a href="http://www.lenovo.com/za/en/">Angola</a></li>
								<li><a href="http://www.lenovo.com/bd/en/">Bangladesh</a></li>
								<li><a href="http://www.lenovo.com/za/en/">Benin</a></li>
								<li><a href="http://www.lenovo.com/za/en/">Burundi</a></li>
								<li><a href="http://www.lenovo.com/za/en/">Libya</a></li>
								<li><a href="http://www.lenovo.com/mx/es/">Mexico</a></li>
								<li><a href="http://www.lenovo.com/eg/en/">Morocco</a></li>
								<li><a href="http://www.lenovo.com/ph/en/">Philippines</a></li>
								<li><a href="http://www.lenovo.com/pl/pl/">Poland</a></li>
								<li><a href="http://www.lenovo.com/ae/en/">Qatar</a></li>
								<li><a href="http://www.lenovo.com/si/sl/">Slovenia</a></li>
								<li><a href="http://www.lenovo.com/th/en/">Thailand</a></li>
								<li><a href="http://www.lenovo.com/za/en/">Togo</a></li>
								<li><a href="http://www.lenovo.com/us/en/">United States</a></li>
							</ul>
						</div>
						<div id="cn_img"></div>
					</div>
				</li>
			</ul>
			<div class="foot_bot">
				<div class="foot_bot_con clearfix">
					<div class="foot_bot_left fl">
						版权所有：1998-2018 联想集团
						<span>|</span>
						<a href="javascript:;" title="法律公告" target="_blank">法律公告</a>
						<span>|</span>
						<a href="javascript:;" title="隐私保护" target="_blank">隐私保护</a>
						<span>|</span>
						<a href="javascript:;" title="产品安全" target="_blank">产品安全</a>
					</div>
					<div class="foot_bot_right fr">
						<a href="javascript:;" rel="nofollow" target="_blank">京ICP备11035381</a>
						<span>|</span><i style="font-style:normal;">京公网安备110108007970号</i>
						<span>|</span>
						<a href="javascript:;" title="营业执照" target="_blank">营业执照：110000410127232</a>
					</div>
				</div>
			</div>
		</div>
		
		
		
		
		
		</body>

	<script type="text/javascript" src="static/jquery-1.12.4/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="static/HomePageJs/cold.js"></script>
	<script type="text/javascript" src="static/HomePageJs/jquery.pin.js"></script>
	<script type="text/javascript" src="static/HomePageJs/navAuto.js"></script>
	<script type="text/javascript" src="static/HomePageJs/registerImg.js" ></script>
	<script type="text/javascript" src="static/layer-v3.1.1/layer/layer.js" ></script>
	<script type="text/javascript ">
		function ShowLogin() {
			layer.open({
				type: 2,
    			title: '登录',
    			maxmin: true,
    			area: ['800px', '600px'],
    			content: '59.110.136.66:8080/phoneO2O/userlogin_1',
			});
		}
	</script>
	
	<!-- 
	<script type="text/javascript ">
	$(document).ready(function(){
		var o=document.getElementById("deleteloc");//获取父节点
		var a=document.getElementById("loginIoc");//获取需要删除的子节
		//获取用户的登录账号（手机号）
		var $isLogin=<%=session.getAttribute("userTel")%>
		//判断是否登录
		if($isLogin == null ||  typeof($isLogin) == "undefined"|| $isLogin == ""){
			
		}else{
			o.removeChild(a); //从父节点o上面移除子节点a;
			$("#deleteloc").html("<span ><%=session.getAttribute("userName")%></span>");
			document.getElementById("userstatus").style.display="";
		}
	});
</script>
	 -->
	 
	<script type="text/javascript">
	    //页面一加载就查询phone表格所有信息
		$(function() {
			$.ajax({
				type : "GET", // 请求类型
				url : "AjaxQueryPhoneAction", // 请求的url
				data : null, // 发送的数据 使用serialize方法替代手动拼写数据串
				dataType : "json", // 响应发挥的数据类型  
				success : function(data, textStatus, jqXHR) { // 执行成功之后的回调函数
					// 回调函数的dom操作

					// 解析json数据，在控制台显示查询结果
					console.info(data);
				
					var proData=data.valueOf();
					var strHtml = '';
					
					$.each(proData,function(index,item){
						
						strHtml+= '<li><img class="pic tan1" src="';
						strHtml+=item.phoneimg;
						strHtml+='"/><div class="inner "><h4 class="tit">';
						strHtml+=item.phonename;
						strHtml+='</h4><p class="price"><i>¥</i><em>';
						strHtml+=item.phoneprice;
						strHtml+='</em>起</p><a href="';
						strHtml+=item.phoneurl;
						strHtml+='"target="_blank" class="btn" >立即购买</a></div></li>';
						
						
					})
					
					$("#phone-list").html(strHtml);

				},
				error : function(data) {
					alert("请求失败" + data);
				}
			});
		});
	
	</script>
	
</html>